.title{
  width: 100%;
  height: 2.8125em;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  color: #000;
  position: fixed;
  border-bottom: 0.0625em solid #E4E4E4;
  z-index: 9999;

}

.titleIcon{
  width: 0.5625em;
  height: 0.9375em;
  position: absolute;
  padding: 0.93em;
}

.titleText{
  flex: 1;
  height: 2.8125em;
  line-height: 2.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  letter-spacing: 2px;
}

.selectedCity{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.8em 0.5em;
  font-size: 0.8725em;
  color: #5e5e5e;
  position: absolute;
  top: 0;
  left: 0;
}

.complete{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8725em;
  color:#6ca0f7;
  padding: 1em;
  position: absolute;
  top: 0;
  right: 0;
}

.screen{
  position: fixed;
  top: 2.8125em;
  left: 0;
  right: 0;
  z-index: 2;
}

.showScreenList{
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.jobList {
  background-color: rbga(0,0,0,0.5);
  flex: 1;
  /*margin-top: 2.8125em;*/
  margin-top: 5.7em;
  margin-bottom: 3em;
}
